<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script src="layui/layui.js"></script>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body style="background-color:rgb(248, 248, 248)">
		 <div class="layui-row">
		    <div class="layui-col-md7">
				
				<div class="c1" style="margin-left: 40px;">
					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
					  <legend><i class="layui-icon layui-icon-note" style="font-size: 20px; color: #ff0707;"></i> 警告</legend>
					</fieldset>
		            <textarea name="desc" placeholder="参数显示" class="layui-textarea" readonly></textarea>
		        </div>

				<div class="c1" style="margin-left: 40px;">
					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
					  <legend><i class="layui-icon layui-icon-note" style="font-size: 20px; color: #ff0707;"></i> 警告</legend>
					</fieldset>
				    <textarea name="desc" placeholder="参数显示" class="layui-textarea c2" readonly></textarea>
				</div>

				<div class="c1" style="margin-left: 40px;">
					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
					  <legend><i class="layui-icon layui-icon-note" style="font-size: 20px; color: #ff0707;"></i> 警告</legend>
					</fieldset>
					<textarea name="desc" placeholder="参数显示" class="layui-textarea c3" readonly></textarea>
				</div>
				
		    </div>
			
		    <div class="layui-col-md5">
				
				<div  class="text-a" style="margin-left: 40px;width:90%;display: none;">
					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
					  <legend><i class="layui-icon layui-icon-tips" style="font-size: 20px; color: #1E9FFF;"></i> 详细信息</legend>
					</fieldset>
					<textarea name="desc" placeholder="参数显示" class="layui-textarea" readonly style="height:430px"></textarea>
				</div>
				
		    </div>
		  </div>
		  
		  <script>
		      $(document).ready(function () {
		          $(".c1").click(function () {
		              $(".text-a").show();
		          });
		          $(".c2").click(function () {
		              $(".text-a").show();
		          });
		  		$(".c3").click(function () {
		  		    $(".text-a").show();
		  		});
		      });
		  </script>
	</body>
	
	
</html>
